@font-face {
  font-family: 'iconfont';  /* Project id 3971114 */
  src: url('//at.alicdn.com/t/c/font_3971114_sr37oxnaoa.woff2?t=1679538933948') format('woff2'),
       url('//at.alicdn.com/t/c/font_3971114_sr37oxnaoa.woff?t=1679538933948') format('woff'),
       url('//at.alicdn.com/t/c/font_3971114_sr37oxnaoa.ttf?t=1679538933948') format('truetype');
}

@keyframes rotate {
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

.flex{
    display: flex;
    flex: 1;
    align-items: center;
}
.icon{
    width: 50px;
    height: 50px;   
    flex-shrink: 0; 
}
.iconfont {
    font-family: 'iconfont' !important;
}
.condition{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 60px;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 6px 20px 0px rgba(29, 30, 31, 0.1);
    .item{
        text-align: center;  
        .number{
            font-size: 40px;
            font-weight: 800;
            color: #00c365;    
        }
        .type{
            margin-top: 20px;
            opacity : 0.4;
            font-size: 24px;
        }  
    }
}

.user-center {
    padding: 80px 30px;

    .user-header {
        display: flex;
        align-items: center;

        .avatar {
            width: 120px;
            height: 120px;
            border-radius: 120px;
            overflow: hidden;
            box-sizing: border-box;
            padding: 0;
            margin: 0;
            flex-shrink: 0;
            animation: rotate 20s linear infinite;
            image{
                width : 100%;
                height: 100%;
            }
        }
        .integral{
            font-size: 28rpx;
            color: #00c365;
            margin-left: 10px;    
        }

        .nick-name {
            font-size: 44px;
            font-family: PingFangSC;
            font-weight: 500;
            color: rgba(29, 30, 31, 1);
            line-height: 62px;
            margin-left: 30px;
        }
    }
}

.user-list {
    border-top: 1px solid rgba(151, 151, 151, 0.3);
    margin-top: 60px;

    .user-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 114px;
        height: 114px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.3);

        .title {
            font-size: 28px;
            font-family: PingFangSC;
            font-weight: 500;
            color: rgba(29, 30, 31, 1);
            line-height: 40px;
            width: 100%;
            background-color: transparent;
            text-align: left;
            line-height: 114px;
        }

        .icon-right {
            font-size: 28px;
        }
    }
}